我有一个包含两个元素的简单flexbox容器:firstitemseconditem第一项的flex-grow:1和max-width为200px。第二项有margin-left:auto;与容器对齐:#container{display:flex;}#first-item{max-width:200px;flex:1;}#second-item{margin-left:auto;}这是一个工作演示:http://jsfiddle.net/c81oxdg9/2/我希望第一个元素左对齐并有一些最大宽度。第二项要右对齐。在Chrome、Firefox甚至IE10中工作正常，但在IE11中不

我有一个包含两个元素的简单flexbox容器:firstitemseconditem第一项的flex-grow:1和max-width为200px。第二项有margin-left:auto;与容器对齐:#container{display:flex;}#first-item{max-width:200px;flex:1;}#second-item{margin-left:auto;}这是一个工作演示:http://jsfiddle.net/c81oxdg9/2/我希望第一个元素左对齐并有一些最大宽度。第二项要右对齐。在Chrome、Firefox甚至IE10中工作正常，但在IE11中不

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭6年前。Improvethisquestion在我的大部分开发生涯中，我只需要涉足基于Web的前端UI开发。一直困扰我的一件事是不断需要重置基于浏览器的样式“假设”，我经常忘记这一点，直到这些默认设置开始影响我的页面布局。大多数浏览器做出的最大假设是HTML元素应该有边距，几乎总是8px。这个违约margin的设计决定是什么？事实上，这种边距非常不受欢迎，因此将这种类型的样式包含在站点的每个页面都包含的.css文件中基本上是标准做法:

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭6年前。Improvethisquestion在我的大部分开发生涯中，我只需要涉足基于Web的前端UI开发。一直困扰我的一件事是不断需要重置基于浏览器的样式“假设”，我经常忘记这一点，直到这些默认设置开始影响我的页面布局。大多数浏览器做出的最大假设是HTML元素应该有边距，几乎总是8px。这个违约margin的设计决定是什么？事实上，这种边距非常不受欢迎，因此将这种类型的样式包含在站点的每个页面都包含的.css文件中基本上是标准做法:

我正试图在http://jsfiddle.net上解决我的问题并且在那里有最奇怪的行为。你能解释一下这些(http://jsfiddle.net/C6V3S/)垂直边距从何而来吗？出现在jsfiddle.net上(至少在Chrome和FF中)，复制/粘贴到本地独立文件时不出现...在更改为简单block后工作正常独立测试文件示例:.btn{填充:0px；边框:1px纯红色；显示:内联block；.txt{display:inline-block;width:12px;height:12px;border:none;padding:0;margin:0;background:#77FF7

我正试图在http://jsfiddle.net上解决我的问题并且在那里有最奇怪的行为。你能解释一下这些(http://jsfiddle.net/C6V3S/)垂直边距从何而来吗？出现在jsfiddle.net上(至少在Chrome和FF中)，复制/粘贴到本地独立文件时不出现...在更改为简单block后工作正常独立测试文件示例:.btn{填充:0px；边框:1px纯红色；显示:内联block；.txt{display:inline-block;width:12px;height:12px;border:none;padding:0;margin:0;background:#77FF7

我需要两个连续的div元素(带背景)无缝接触，一个在另一个下面。但是，当我将子p元素放入底部div时，此布局会中断。p元素的边距强制在两个div元素之间留出空白。这是一种奇怪的行为，因为我希望p的边距保持在div的内容和背景区域内。它在Firefox、Chrome和IE8上的呈现方式相同。TopDivBottomDiv这是它的样子。我可以通过将p元素的边距更改为填充来解决这个问题，但是我还必须对header元素、列表元素和我想在div的开始。这是不可取的。有人能启发我:我缺少盒子模型的什么警告吗？有没有一种简单的方法可以解决这个问题，最好是修改div的样式？

我需要两个连续的div元素(带背景)无缝接触，一个在另一个下面。但是，当我将子p元素放入底部div时，此布局会中断。p元素的边距强制在两个div元素之间留出空白。这是一种奇怪的行为，因为我希望p的边距保持在div的内容和背景区域内。它在Firefox、Chrome和IE8上的呈现方式相同。TopDivBottomDiv这是它的样子。我可以通过将p元素的边距更改为填充来解决这个问题，但是我还必须对header元素、列表元素和我想在div的开始。这是不可取的。有人能启发我:我缺少盒子模型的什么警告吗？有没有一种简单的方法可以解决这个问题，最好是修改div的样式？

这是我的代码(请参阅fiddlehere):WelcomePleaseloginLogin我希望#login-box具有.pull-right并且与p处于同一高度。我可以使用margin-top:-100px但感觉不对。我怎样才能让#login-box与p处于相同的高度而不硬编码一个负的margin-top？ 最佳答案 float元素将在它们通常在布局中的行处呈现。要解决此问题，您有两种选择:将标题和p移到登录框之后:LoginWelcomePleaselogin或者将左边的block放在一个向左拉的div中，并在底部添加一个cle

这是我的代码(请参阅fiddlehere):WelcomePleaseloginLogin我希望#login-box具有.pull-right并且与p处于同一高度。我可以使用margin-top:-100px但感觉不对。我怎样才能让#login-box与p处于相同的高度而不硬编码一个负的margin-top？ 最佳答案 float元素将在它们通常在布局中的行处呈现。要解决此问题，您有两种选择:将标题和p移到登录框之后:LoginWelcomePleaselogin或者将左边的block放在一个向左拉的div中，并在底部添加一个cle